import React, {Component} from 'react';
import Item from '../Item'
import './index.css'
class List extends Component {
    render() {
        const {todoList} = this.props
        return (
            <ul className="todo-main">
                {
                    todoList.map(todo=>(<Item todo={todo} key={todo.id} deleteTodo={this.props.deleteTodo} handleIschecked={this.props.handleIschecked} />))
                }
            </ul>
        );
    }
}

export default List;